<template>
	<view class="page">
		<q-navbar title="扫码信息" backUrl='index'></q-navbar>
		<view class="center">
			这里看看扫码的信息怎么回显嘞~
		</view>
		<view class="btn-box">
			<q-button :name='btnName' @submit="submit" :bottonStyle='bottonStyle'></q-button>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		props: {},
		data() {
			return {
				btnName: '确 认',
				bottonStyle: {
					backgroundColor: '#e0f0ff',
					color: '#65a0ff',
					width: '80%'
				}
			}
		},
		watch: {},
		// 必须要在onReady生命周期，因为onLoad生命周期组件可能尚未创建完毕
		onReady() {},
		onLoad(options) {},
		onShow() {},
		methods: {
			submit() {
				this.router.push({
					path: '/pages/index/index'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		min-height: 100vh;

		.center {
			width: 95%;
			min-height: 20vh;
			background-color: #f7f7f7;
			margin: 20rpx auto 200rpx;
			border-radius: 30rpx;
			padding: 20rpx;
		}
	}
</style>